$(document).ready(function () {
    getpublicWelfareData()
});

function getpublicWelfareData(id,date){
    $.ajax({
        url: global.apiUrl + '/gy_banner',
        type: 'GET',
        dataType: 'json',
        header: {
            'content-type': 'application/json' //默认值
        },
        success: function(res){
            console.log(res)
            var html = ''
            html += `${getImgAre(res)}`
                    
            $('#publicWelfare').html(html)
        }
    })
}

function getImgAre(list){
    var a = ''
    if(list.length != ''){
        for(var i in list){
            a += `<a href="${list[i].url}" data-gallery=""><img src="${list[i].url}"></a>`
        }
    }
    return a
}

var fileInput = document.getElementById("publicWelfareFile");
    fileImage = document.getElementById("fileImage");

fileInput.addEventListener('change',function(e){
    //清空预览区背景图片
    console.log(e.target.files);
    // fileImage.style.backgroundImage = '';
    // fileImage.innerHTML = '';
    //检查文件是否选择
    if(!fileInput.value){
        fileInfo.innerHTML = "没有选择任何文件";
        return;
    }

    //获取file的引用
    var file = fileInput.files;
    //获取file信息
    // fileInfo.innerHTML = '文件'+file.name+'<br>'+
    //     '大小'+file.size+'<br>'+
    //     '修改'+file.lastModifiedDate+'<br>';
    // if(file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif'){
    //     alert('不是有效的图片');
    //     return;
    // }
    var img = ' ';
    //读取文件
    for(var i=0,file=fileInput.files;i<file.length;i++){
        var reader = new FileReader();
        reader.onload = function(e){
            console.log(e);
            var data = e.target.result;
            console.log(e.target)
            // fileImage.style.backgroundImage = 'url('+data+')';
            var img = document.createElement("img");
            img.src=data;
            fileImage.appendChild(img)
        }
        // 以DataURL的形式读取文件:
        reader.readAsDataURL(file[i]);
    }
    // var reader = new FileReader();
    // reader.onload = function(e){
    //     console.log(e);
    //     var data = e.target.result;
    //     console.log(e.target)
    //     fileBase = data;
    //     fileImage.style.backgroundImage = 'url('+data+')';
    // }
    // // 以DataURL的形式读取文件:
    // reader.readAsDataURL(file);
});

// $('#publicWelfareFile').on('change',function() {//当chooseImage的值改变时，执行此函数
//     var filePath = $(this).val()//获取到input的value，里面是文件的路径
//     console.log(filePath)
//     fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(),
//     src = window.URL.createObjectURL(this.files[0]); //转成可以在本地预览的格式
//     // 检查是否是图片
//     if(!fileInput.value){
//         fileInfo.innerHTML = "没有选择任何文件";
//         return;
//     }
//     if(!fileFormat.match(/.png|.jpg|.jpeg/)) {
//         error_prompt_alert('上传错误,文件格式必须为：png/jpg/jpeg');
//         return;
//     }else{
//         fileImage.appendChild(img)
//         // addGyBanner(filePath)
//     } 

//     //读取文件
//     for(var i=0,filePath;i<filePath.length;i++){
//         var reader = new FileReader();
//         reader.onload = function(e){
//             console.log(e);
//             var data = e.target.result;
//             console.log(e.target)
//             // fileImage.style.backgroundImage = 'url('+data+')';
//             var img = document.createElement("img");
//             img.src= data;
//             fileImage.appendChild(img)
//         }
//         // 以DataURL的形式读取文件:
//         reader.readAsDataURL(filePath[i]);
//     }
// });

function addGyBanner(filePath){
    $.ajax({
        url: global.apiUrl + '/admin_upload',
        type: 'GET',
        dataType: 'json',
        data:{
            url: filePath
        },
        header: {
            'content-type': 'application/json' //默认值
        },
        success: function(res){
            console.log(res)
            
        }
    })
}